<template>
	<view class="b-content">
		<u-row customStyle="margin:20rpx;padding: 20rpx 40rpx 30rpx 20rpx;background-color: #fff;border-radius: 10rpx;">
			<u-col span="3"><u--image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="80px" height="80px"></u--image></u-col>
			<u-col span="7">
				<u--text size="13" :lines="4" text="一小时二十元 转账即可不用拍下"></u--text>
			</u-col>
			<u-col span="2">	
				<view style="margin-top: 120rpx;display: flex; justify-content: flex-end;font-size: 14px;font-weight: bold;color:red;">
					<!-- <u--text mode="price" text="0.00" size="10" color="red" bold></u--text> -->
					<text>￥</text>
					<text>0.00</text>
				</view>
			</u-col>
		</u-row>
		<view style="margin:20rpx;padding: 30rpx 20rpx;background-color: #fff;border-radius: 10rpx;">
			<u-row>
				<u-col span="2"><text style="font-size: 12px;">收货地址</text></u-col>
				<u-col span="7" offset="2">
					<view style="display: flex; justify-content: flex-end;">
						
					</view>
					<view style="display: flex; justify-content: flex-end;font-weight: bold;font-size: 14px;">
						<text>赵六七</text>
						<text style="margin-left: 10rpx;">13479515773</text>
					</view>
					<view style="display: flex; justify-content: flex-end;font-size: 12px;color:rgb(149 149 149);">
						<text>江西省宜春市袁州区凤凰街道宜春学院学府路576号</text>
					</view>
				</u-col>
				<u-col span="1" customStyle="margin-left: 3%;">
					<u-icon name="arrow-right"></u-icon>
				</u-col>
			</u-row>
		</view>
		<view class="box-bottom">
			<u-row>
				<u-col span="4" offset="4">
					<view style="display: flex;">
						<u--text text="实付款:" bold></u--text>
						<u--text mode="price" text="9.90" bold color="red"></u--text>
					</view>
				</u-col>
				<u-col span="3" offset="1" customStyle="margin-left: 4.33333%;">
					<u-button 
						color="#f05555" 
						text="确认购买" 
						customStyle="width: 160rpx;height: 64rpx;border-radius:24rpx;"
						@click="commit">
					</u-button>
				</u-col>
			</u-row>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//确认购买
			commit(){
				//uni.$u.route('pages/buy/buy');
				//生成订单
				//支付金额
				//交易完成
			},
		}
	}
</script>

<style lang="scss" scoped>
	.b-content{
		padding-top: 20rpx;
		min-height: 100vh;
		background-color: rgb(242, 242, 242);
		.box-bottom {
			position: fixed;
			bottom: 0;
			width: 98%;
			height: 76rpx;
			padding: 30rpx 20rpx 10rpx 20rpx;
			margin: 4rpx auto;
			background-color: #fff;
			border-radius: 10rpx;
		}
	}
</style>
